<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title><%= title %></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="Gold elephant Group" />
    <link rel="icon" href="/images/favicon.ico" />
    <!--<link href="/stylesheets/wyq.css" rel="stylesheet">-->
    <!-- 正式环境删除 第16行 启用14行 -->
    <link href="/sass/wyq.css" rel="stylesheet">
    <link href="/stylesheets/font-awesome.min.css" rel="stylesheet">
    <script src="/javascripts/vendors/jquery.min.js"></script>
    <script src="/javascripts/vendors/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 8]>
    <p class="browserupgrade">您正在使用一个<strong>过时的</strong>浏览器。 请点击此链接<a href="http://browsehappy.com/">升级更新您的浏览器</a>来提高您的用户体现。</p>
    <![endif]-->
    <script>
        // 滚动条置顶导航
        $(function() {
            var nav = $(".header-wrap"); //得到导航对象
            var win = $(window); //得到窗口对象
            var sc = $(document); //得到document文档对象。
            win.scroll(function() {
                if (sc.scrollTop() >= 60) {
                    nav.addClass("slideDown");
                } else {
                    nav.removeClass("slideDown");
                }
            })
        });
    </script>
</head>
<header id="head-home" class="head-pd">
    <section class="header-wrap">
        <div class="container">
            <div class="header-inner clearfix">
                <div class="logo-wrap"><a class="logo" href="">新锐界</a></div>
                <ul class="nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">创作者</a></li>
                    <li><a href="">作品</a></li>
                    <li><a href="">专栏</a></li>
                    <li><a href="">小组</a></li>
                    <li><a href="">广场</a></li>
                </ul>
                <div class="mem-login">
                    <ul class="list-unstyled">
                        <li class="menu-mypub">
                            <div class="menu">
                                <a href="" class="menu-hd">我要发布<i></i></a>
                                <div class="menu-bd">
                                    <i></i>
                                    <a href="" target="_blank">视频</a>
                                    <a href="" target="_blank">剧本</a>
                                    <a href="" target="_blank">文章</a>
                                    <a href="" target="_blank">照片</a>
                                </div>
                            </div>
                        </li>
                        <!-- 登录前 -->
                        <!--<li><a class="btn-reg" href="">注册</a></li>
                        <li><a class="btn-login" href="">登录</a></li>-->
                        <!-- 登录后 -->
                        <li class="menu-myacc">
                            <div class="menu">
                                <a href="" class="menu-hd"><img class="img-circle" src="../images/demo/avatar10.jpg" width="30" alt="狂奔的乌龟"/>&nbsp;&nbsp;lovebaby<i></i></a>
                                <div class="menu-bd">
                                    <i></i>
                                    <a href="" target="_blank">消息中心</a>
                                    <a href="" target="_blank">账户设置</a>
                                    <a href="" target="_blank">用户认证</a>
                                    <a href="" target="_blank">退出</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <div class="head-mask"></div>
    <div class="head-poster" style="background-image: url(../images/home_headbg.jpg)"></div>
</header>
<div class="container home-banner-wrap">
    <div class="home-banner clearfix">
        <div class="h-ava"><img src="../images/demo/avatar5.jpg" alt="" class="img-circle img-responsive"/></div>
        <div class="h-author-info">
            <h2>
                张三四
                <small><span>导演</span><span>摄像</span><span>化妆</span></small>
            </h2>
            <p>狂奔的乌龟^_^ 人生永远只有两个选择，放弃或挺住！</p>
            <div class="other-info">
                <a href="" class="btn-att"><i class="fa fa-plus"></i> 加关注</a>
                <a href="" class="btn-send"><i class="icon-email"></i> 发私信</a>
                <div class="a-num">
                    <span>作品：<a href="">400</a></span>
                    <span>关注：<a href="">500</a></span>
                    <span>粉丝：<a href="">600</a></span>
                </div>
            </div>
        </div>
    </div>
</div>
<nav class="home-menu">
    <div class="container">
        <ul class="list-unstyled">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">作品</a></li>
            <li><a href="">文章</a></li>
            <li><a href="">照片</a></li>
            <li><a href="">小组</a></li>
            <li><a href="">广场</a></li>
            <li><a href="">好友</a></li>
            <div class="pull-right"><a href="">个人详情</a></div>
        </ul>
    </div>
</nav>